← Projects

Community Board

09/2023 - 10/2023

Tech Stack:

https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/css3/css3-original.svg
https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/javascript/javascript-original.svg
https://cdn.jsdelivr.net/gh/devicons/devicon@latest/icons/react/react-original.svg

Description: A website that displays computer science club


Web Development Project 1 - Computer Science Community Board

This web app: Computer Science Amherst Club Board

Time spent: X hours spent in total

Required Features

The following required functionality is completed:

  • There is a unique theme for events or resources relevant to a specific community
  • At least 10 unique resources or events are displayed in a responsive card format

The following optional features are implemented:

  • Buttons or links to a related resources are on each card component
  • The site is responsive for both desktop and mobile formats

The following additional features are implemented:

  • List anything else that you added to improve the site's functionality!
    • hovering the text would alter the background color

Video Walkthrough

Here's a walkthrough of implemented required features:

Notes

The challenges that I encountered while building the app were CSS and making the card component to fit in a container row by row. I did not know how to do it until I refreshed some of my knowledge on flex box.